<template>
  <div id="layoutCollege">
    <smallNav />
    <SeaCollegeTabs />
    <router-view />
  </div>
</template>

<script setup>
// import { ref } from 'vue';
// import { useRoute } from 'vue-router';
import smallNav from '@/components/SmallNav';
import SeaCollegeTabs from '@/components/SeaCollegeTabs';
// import { getSchoolHome } from '@/api/collegeDetails/collegeDetails';
// const route = useRoute();
// const code = ref('');
// const collegeData = ref({
//   categor: '',
// });
// code.value = route.query.collegecode || '';
// const fetchSchoolHome = () => {
//   getSchoolHome({ code: code.value }).then((res) => {
//     if (res.data.code == 20000) {
//       collegeData.value = res.data.data;
//       if (collegeData.value) {
//         collegeData.value.categor = res.data.data?.categories[0] || '';
//       }
//     }
//   });
// };
// fetchSchoolHome();
</script>

<style lang="scss" scoped>
#layoutCollege {
  height: 100vh;
  overflow: hidden;
}
</style>
